<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="df fdc ">
  <div class="main df fdc ofs">
    <div class="video-box">
        <video class="video">

        </video>
        <span class="iconfont icon-shangyiyehoutuifanhui"></span>
        <div class="maskfa">
            <div class="mask"></div>
            <div class="pause df fdc aic">
                <span class="iconfont icon-bofang"></span>
                <span>课程预览</span>
            </div>
        </div>
    </div>
    <div class="title">
        <div class="title-box">
            <h3 id="title-1">巧克力</h3>
            <div class="df jcsb data aic">
               <div>
                <span class="num" id="calorie">45</span>
                <span>千卡</span>
               </div>
               <div>
                <span class="num" id="time">15</span>
                <span>分钟</span>
               </div>
               <div id="peoplenum">
                999
               </div>
            </div>


        </div>



    </div>
    <!-- 用户名 -->
    <div class="username df mt20">
        <div>
            <img alt="" id="userimg">
        </div>
        <div class="content-b ">
            <h3>用户名</h3>
            <p>三线达人课程设计师</p>
        </div>
    </div>
    <!-- 课程描述 -->
    <p class="miaoshu mt20" id="miaoshu">
        xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    </p>
    <!-- 运动数据 -->
    <div class="sportdata df">
        <div class="data-l">
            <div>
                <span class="iconfont icon-shebeiguzhangpincitongji"></span>
                <span>练习频次</span>
            </div>
            <p class="data-p1" id="frequency">
                每周3到5次
            </p>
        </div>
        <div class="data-r">
            <div>
                <span class="iconfont icon-gangling"></span>
                <span >器械</span>
            </div>
            <p id="instrument">
                无
            </p>
        </div>



    </div>
    <a href="./play.html" class="starsport df jcc aic">开始训练</a>
  </div>
</body>

</html>